<template>
   <view class="coupon">
	   <view class="content">
		   <!-- 空白页 -->
		   <view class="empty">
		   			<image src="/static/img/1/111.png" mode="aspectFit"></image>
		   		
		   			<view class="empty-tips">订单支付成功</view>
					
					<!-- <view class="pay-way"> -->
						<!-- <image src="/static/img/1/100.png" mode="aspectFit"></image><text>支付方式</text>{{way}} -->
					<!-- </view> -->
					<view class="pay-way">
						<image src="/static/img/1/44.png" mode="aspectFit"></image><text>支付金额</text>¥{{data.fTotalMoney}} 
					</view>
					
					
					<view class="button-box">
						<text class="see" @click="see">查看订单</text>
						<text class="toindex" @click="toindex">返回首页</text>
					</view>
		   </view>
		</view>   
		   
   </view>
</template>

<script>
    export default {
        components:{
            
        },
        data(){
            return {
				money:'',
				payList:'',
				way:'',
				data:''
            }
        },
		onLoad(options) {
			let that = this
			that.$Request.post(
			that.$api.httpApi.user.oderPay+'&token='+that.$SysCache.get('token'),
			{cOrderNo:options.cOrderNo}
			).then(res=>{
				console.log(res.data)
				if(res.code == 200){
					that.data=res.data;
				}
			});
		},
		methods:{
			see(){
				uni.navigateTo({
					url:'/pages/user/order'
				})
			},
			toindex(){
				uni.switchTab({
					url:`/pages/index/index`
				})
			}
		},
		onBackPress(event) {
			console.log(event)
			// uni.switchTab({
			// 	url:`/pages/index/index`
			// })
		}
      

    }
</script>

<style lang="scss">
	page{
		padding-bottom: 120upx;
		background: #f5f5f5;
	}
	
	.coupon{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		.empty{
			position:fixed;
			left: 0;
			top:-150upx;
			width: 100%;
			height: 100vh;
			padding-bottom:173upx;
			display:flex;
			justify-content: center;
			flex-direction: column;
			align-items:center;
			
			image{
				width: 142upx;
				height: 142upx;
				margin-bottom:32upx;
			}
			.empty-tips{
				display:flex;
				font-size:38upx;
				font-family:Microsoft YaHei;
				font-weight:400;
				color:rgba(102,102,102,1);
				margin-bottom: 45upx;
				
			}
			.pay-way{
				width:270upx;
				font-size:25upx;
				font-family:Microsoft YaHei;
				font-weight:400;
				color:#F0406F;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				text{
					color:rgba(102,102,102,1);
					margin-right: 18upx;
					display: inline-flex;
					justify-content: flex-start;
					width: 110upx;
				}
				image{
					width:26upx;
					height:23upx;
					margin: 0;
					margin-right: 12upx;
					
				}
				
				
			}
			.button-box{
				width: 452upx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin: 85upx auto;
				text{
					width:199upx;
					height:57upx;
					border-radius:29px;
					font-size:23upx;
					font-family:Microsoft YaHei;
					font-weight:400;
					display: flex;
					justify-content: center;
					align-items: center;
				}
				.see{
					background:rgba(240,64,111,1);
					color: #fff;
				}
				.toindex{
					border:1upx solid rgba(209, 209, 209, 1);
					color: #666666;
				}
			}
		}
		
	}
</style>
